<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<!--移动端优先-->
	<meta content="width=device-width, initial-scale=1.0, aximum-scale=1.0, user-scalable=0;" name="viewport" />
	<title>京东手机端</title>
	<link rel="stylesheet" href="css/index.css">
</head>
<body>
	<div class="top clear_fix">
		<div class="jd_icon left"></div>
		<div class="search left">
			<span></span>
			<a href="#">厨卫家装跨店4免1，自营3件88折！</a>
		</div>
		<div class="log left">
			<a href="#">登陆</a>
		</div>
	</div>
	<div class="slider_1">
		<a href="#"><img src="images/jd_1_slider_1.jpg" width="100%"></a>
	</div>
	<div class="quick_entry_nav">
		<ul>
			<li>
				<a href="#"><img src="images/nav_icon_1.png"></a>
				<p class="info">京东超市</p>
			</li>
			<li>
				<a href="#"><img src="images/nav_icon_2.png"></a>
				<p class="info">京东超市</p>
			</li>
			<li>
				<a href="#"><img src="images/nav_icon_3.png"></a>
				<p class="info">京东超市</p>
			</li>
			<li>
				<a href="#"><img src="images/nav_icon_4.png"></a>
				<p class="info">京东超市</p>
			</li>
			<li>
				<a href="#"><img src="images/nav_icon_5.png"></a>
				<p class="info">京东超市</p>
			</li>
			<li>
				<a href="#"><img src="images/nav_icon_6.png"></a>
				<p class="info">京东超市</p>
			</li>
			<li>
				<a href="#"><img src="images/nav_icon_7.png"></a>
				<p class="info">京东超市</p>
			</li>
			<li>
				<a href="#"><img src="images/nav_icon_8.png"></a>
				<p class="info">京东超市</p>
			</li>
			<li>
				<a href="#"><img src="images/nav_icon_9.png"></a>
				<p class="info">京东超市</p>
			</li>
			<li>
				<a href="#"><img src="images/nav_icon_10.png"></a>
				<p class="info">京东超市</p>
			</li>
		</ul>
	</div>
	<div class="zs_miaosha">
		<div class="head">
			<span class="clock"></span>
			<h2>掌上秒杀</h2>
			<a href="#"><span class="more">更多秒杀</span><span class="icon_arrow"></span></a>
		</div>
		<ul class="list">
			<li>
				<a href="#"><img src="images/miaosha_1.jpg"></a>
				<p class="new_price"><span>¥</span><span>69.9</span></p>
				<p class="old_price"><span>¥</span><span>69.9</span></p>
			</li>
			<li>
				<a href="#"><img src="images/miaosha_2.jpg"></a>
				<p class="new_price"><span>¥</span><span>69.9</span></p>
				<p class="old_price"><span>¥</span><span>69.9</span></p>
			</li>
			<li>
				<a href="#"><img src="images/miaosha_3.jpg"></a>
				<p class="new_price"><span>¥</span><span>69.9</span></p>
				<p class="old_price"><span>¥</span><span>69.9</span></p>
			</li>
			<li>
				<a href="#"><img src="images/miaosha_4.jpg"></a>
				<p class="new_price"><span>¥</span><span>69.9</span></p>
				<p class="old_price"><span>¥</span><span>69.9</span></p>
			</li>
		</ul>
	</div>
	<div class="chuwei clear_fix">
		<a href="#"><img src="images/chuwei_1.jpg"></a>
		<a href="#"><img src="images/chuwei_2.jpg"></a>
		<a href="#"><img src="images/chuwei_3.jpg"></a>
	</div>
	<div class="shangou p_list clear_fix">
		<div class="item clear_fix">
			<div class="left">
				<h2>排行榜</h2>
				<p>逛这里就购了</p>
				<span>省心选好物</span>
			</div>
			<img src="images/paihang.jpg" class="pic">
		</div>
		<div class="item clear_fix" style="border:none;padding-right:0.5vw;">
			<div class="left">
				<h2>闪购</h2>
				<p>阿迪三叶草3折</p>
			</div>
			<img src="images/shangou.png" class="pic">
		</div>
	</div>
	<div class="jd_2_slider ad_slider">
		<img src="images/jd_2_slider_1.jpg">
	</div>
	<div class="love_life">
		<div class="head">
			<img src="images/love_life.jpg">
		</div>
		<div class="p_list clear_fix">
			<div class="item clear_fix" style="border-bottom:0.5vw solid #ccc">
				<div class="left">
					<h2>玩3C</h2>
					<p>iPhone7开售</p>
				</div>
				<img src="images/love_life_1.jpg" class="pic">
			</div>
			<div class="item clear_fix" style="border-bottom:0.5vw solid #ccc;border-right:none;padding-right:0.5vw;">
				<div class="left">
					<h2>京东家电</h2>
					<p>55吋智能1999</p>
					<span>领百万现金券</span>
				</div>
				<img src="images/love_life_2.jpg" class="pic">
			</div>
			<div class="item clear_fix" style="border-bottom:0.5vw solid #ccc;">
				<div class="left">
					<h2>京东超市</h2>
					<p>有赞才有家</p>
					<span>为姚晨点赞</span>
				</div>
				<img src="images/love_life_3.jpg" class="pic">
			</div>
			<div class="item clear_fix" style="border:none;border-bottom:0.5vw solid #ccc;padding-right:0.5vw;" >
				<div class="left">
					<h2>爱家</h2>
					<p>拆礼包赢免单</p>
				</div>
				<img src="images/love_life_4.jpg" class="pic">
			</div>
		</div>
		<div class="l_list clear_fix">
			<div class="item">
				<div class="top_part">
					<h2>爱宝宝</h2>
					<p>购满99送豪礼</p>
				</div>
				<img src="images/ai_1.png">
			</div>
			<div class="item">
				<div class="top_part">
					<h2>爱美丽</h2>
					<p>购满99送豪礼</p>
				</div>
				<img src="images/ai_2.jpg">
			</div>
			<div class="item">
				<div class="top_part">
					<h2>爱吃</h2>
					<p>购满99送豪礼</p>
				</div>
				<img src="images/ai_3.png">
			</div>
			<div class="item">
				<div class="top_part">
					<h2>爱逛</h2>
					<p>购满99送豪礼</p>
				</div>
				<img src="images/ai_4.jpg">
			</div>
		</div>
	</div>
	<div class="pinzhi">
		<div class="head">
			<img src="images/pinzhi.png">
		</div>
		<div class="p_list clear_fix">
			<div class="item clear_fix" style="border-bottom:0.5vw solid #ccc">
				<div class="left">
					<h2>全球购自营</h2>
					<p>3件8.5折</p>
					<span>超保湿洗面奶</span>
				</div>
				<img src="images/pinzhi_1.jpg" class="pic">
			</div>
			<div class="item clear_fix" style="border-bottom:0.5vw solid #ccc;border-right:none;padding-right:0.5vw;">
				<div class="left">
					<h2>环球时尚</h2>
					<p>国际大牌买一送一</p>
				</div>
				<img src="images/pinzhi_2.jpg" class="pic">
			</div>
			<div class="item clear_fix" style="border-bottom:0.5vw solid #ccc;">
				<div class="left">
					<h2>健康运动</h2>
					<p>男装节3件7折</p>
				</div>
				<img src="images/pinzhi_3.jpg" class="pic">
			</div>
			<div class="item clear_fix" style="border:none;border-bottom:0.5vw solid #ccc;padding-right:0.5vw;" >
				<div class="left">
					<h2>奢品大牌</h2>
					<p>大牌3件7折</p>
					<span>奢品男装节</span>
				</div>
				<img src="images/pinzhi_4.jpg" class="pic">
			</div>
			<div class="item clear_fix">
				<div class="left">
					<h2>珠宝首饰</h2>
					<p>钻戒每1K减100</p>
					<span>周三大牌日</span>
				</div>
				<img src="images/pinzhi_5.jpg" class="pic">
			</div>
			<div class="item clear_fix" style="border:none;padding-right:0.5vw;" >
				<div class="left">
					<h2>达人精选</h2>
					<p>打造层次感穿搭</p>
				</div>
				<img src="images/pinzhi_6.jpg" class="pic">
			</div>
		</div>
		<div class="jd_3_slider ad_slider">
			<img src="images/jd_3_slider_1.jpg">
		</div>
	</div>
	<div class="goutese">
		<div class="head">
			<img src="images/tese.png">
		</div>
		<div class="l_list g_l_list clear_fix">
			<div class="item">
				<div class="top_part">
					<h2>团购</h2>
					<p>清仓低至1元</p>
				</div>
				<img src="images/tese_1.jpg">
			</div>
			<div class="item">
				<div class="top_part">
					<h2>电影娱乐</h2>
					<p>观影赢OPPO</p>
				</div>
				<img src="images/tese_2.jpg">
			</div>
			<div class="item">
				<div class="top_part">
					<h2>京东旅行</h2>
					<p>购满99送豪礼</p>
				</div>
				<img src="images/tese_3.jpg">
			</div>
			<div class="item">
				<div class="top_part">
					<h2>白条商城</h2>
					<p>iPad日供9元</p>
				</div>
				<img src="images/tese_4.jpg">
			</div>
			<div class="item">
				<div class="top_part">
					<h2>京东众筹</h2>
					<p>搞大iPhone7</p>
				</div>
				<img src="images/tese_5.jpg">
			</div>
			<div class="item">
				<div class="top_part">
					<h2>智能生活</h2>
					<p>手环&智能车</p>
				</div>
				<img src="images/tese_6.jpg">
			</div>
			<div class="item">
				<div class="top_part">
					<h2>爱车生活</h2>
					<p>进口安全座椅</p>
				</div>
				<img src="images/tese_7.jpg">
			</div>
			<div class="item">
				<div class="top_part">
					<h2>清仓二手</h2>
					<p>1折起</p>
				</div>
				<img src="images/tese_8.jpg">
			</div>
			<div class="item">
				<div class="top_part">
					<h2>京东拍卖</h2>
					<p>艺术投资收藏</p>
				</div>
				<img src="images/tese_9.jpg">
			</div>
		</div>
		<div class="jd_4_slider ad_slider">
			<img src="images/jd_4_slider_1.jpg">
		</div>
	</div>
	<!-- 逛商场开始 -->
	<div class="mall">
		<div class="head">
			<img src="images/mall.png">
		</div>
		<div class="p_list clear_fix">
			<div class="item clear_fix" style="border-bottom:0.5vw solid #ccc">
				<div class="left">
					<h2>时尚馆</h2>
					<p>男装节3件7折</p>
				</div>
				<img src="images/mall_1.jpg" class="pic">
			</div>
			<div class="item clear_fix" style="border-bottom:0.5vw solid #ccc;border-right:none;padding-right:0.5vw;">
				<div class="left">
					<h2>母婴馆</h2>
					<p>神券199减100</p>
				</div>
				<img src="images/mall_2.jpg" class="pic">
			</div>
			<div class="item clear_fix" style="border-bottom:0.5vw solid #ccc;">
				<div class="left">
					<h2>小家电馆</h2>
					<p>九阳巅峰大促</p>
				</div>
				<img src="images/mall_3.jpg" class="pic">
			</div>
			<div class="item clear_fix" style="border:none;border-bottom:0.5vw solid #ccc;padding-right:0.5vw;" >
				<div class="left">
					<h2>手机数码</h2>
					<p>相机节5折抢</p>
					<span>京东相机节</span>
				</div>
				<img src="images/mall_4.jpg" class="pic">
			</div>
		</div>
		<div class="l_list clear_fix">
			<div class="item">
				<div class="top_part">
					<h2>个护清洁</h2>
					<p>满199-100</p>
				</div>
				<img src="images/mall_5.jpg">
			</div>
			<div class="item">
				<div class="top_part">
					<h2>电脑办公</h2>
					<p>4000元券疯抢</p>
				</div>
				<img src="images/mall_6.jpg">
			</div>
			<div class="item">
				<div class="top_part">
					<h2>鞋靴箱包</h2>
					<p>3件7折</p>
				</div>
				<img src="images/mall_7.jpg">
			</div>
			<div class="item">
				<div class="top_part">
					<h2>大家电馆</h2>
					<p>领百万现金券</p>
				</div>
				<img src="images/mall_8.jpg">
			</div>
			<div class="item">
				<div class="top_part">
					<h2>生鲜馆</h2>
					<p>19.9元15粒</p>
				</div>
				<img src="images/mall_9.jpg">
			</div>
			<div class="item">
				<div class="top_part">
					<h2>运动户外</h2>
					<p>男装上新</p>
				</div>
				<img src="images/mall_10.jpg">
			</div>
			<div class="item">
				<div class="top_part">
					<h2>中外名酒</h2>
					<p>买2免1</p>
				</div>
				<img src="images/mall_11.jpg">
			</div>
			<div class="item">
				<div class="top_part">
					<h2>美妆馆</h2>
					<p>满188减50</p>
				</div>
				<img src="images/mall_12.jpg">
			</div>
		</div>
		<div class="mall_ad">
			<a href="#"><img src="images/mall_ad.jpg" alt=""></a>
		</div>
	</div>
	<!-- 逛商场结束 -->
	<!-- 为您推荐开始 -->
	<div class="rec">
		<div class="title">
			<div class="line"></div>
			<p><img src="images/arrow_top.png" ><span>为您推荐</span></p>
		</div>
		<div class="rec_list">
			<div class="item">
				<div class="p_box">
					<a href="#"><img src="images/rec_11.jpg"></a>
					<p>华为（HUAWEI）B3手环专用表带 智能手环b3替换腕带</p>
					<div class="bottom clear_fix">
						<span class="price left">¥88.00</span>
						<div class="goto_s right">
							<span>找相似</span>
						</div>
					</div>
				</div>
				<div class="p_box">
					<a href="#"><img src="images/rec_12.jpg"></a>
					<p>华为（HUAWEI）B3手环专用表带 智能手环b3替换腕带</p>
					<div class="bottom clear_fix">
						<span class="price left">¥88.00</span>
						<div class="goto_s right">
							<span>找相似</span>
						</div>
					</div>
				</div>
			</div>
			<div class="item">
				<div class="p_box">
					<a href="#"><img src="images/rec_1.jpg"></a>
					<p>华为（HUAWEI）B3手环专用表带 智能手环b3替换腕带</p>
					<div class="bottom clear_fix">
						<span class="price left">¥88.00</span>
						<div class="goto_s right">
							<span>找相似</span>
						</div>
					</div>
				</div>
				<div class="p_box">
					<a href="#"><img src="images/rec_2.jpg"></a>
					<p>华为（HUAWEI）B3手环专用表带 智能手环b3替换腕带</p>
					<div class="bottom clear_fix">
						<span class="price left">¥88.00</span>
						<div class="goto_s right">
							<span>找相似</span>
						</div>
					</div>
				</div>
			</div>
			<div class="item">
				<div class="p_box">
					<a href="#"><img src="images/rec_3.jpg"></a>
					<p>华为（HUAWEI）B3手环专用表带 智能手环b3替换腕带</p>
					<div class="bottom clear_fix">
						<span class="price left">¥88.00</span>
						<div class="goto_s right">
							<span>找相似</span>
						</div>
					</div>
				</div>
				<div class="p_box">
					<a href="#"><img src="images/rec_4.jpg"></a>
					<p>华为（HUAWEI）B3手环专用表带 智能手环b3替换腕带</p>
					<div class="bottom clear_fix">
						<span class="price left">¥88.00</span>
						<div class="goto_s right">
							<span>找相似</span>
						</div>
					</div>
				</div>
			</div>
			<div class="item">
				<div class="p_box">
					<a href="#"><img src="images/rec_5.jpg"></a>
					<p>华为（HUAWEI）B3手环专用表带 智能手环b3替换腕带</p>
					<div class="bottom clear_fix">
						<span class="price left">¥88.00</span>
						<div class="goto_s right">
							<span>找相似</span>
						</div>
					</div>
				</div>
				<div class="p_box">
					<a href="#"><img src="images/rec_6.jpg"></a>
					<p>华为（HUAWEI）B3手环专用表带 智能手环b3替换腕带</p>
					<div class="bottom clear_fix">
						<span class="price left">¥88.00</span>
						<div class="goto_s right">
							<span>找相似</span>
						</div>
					</div>
				</div>
			</div>
			<div class="item">
				<div class="p_box">
					<a href="#"><img src="images/rec_7.jpg"></a>
					<p>华为（HUAWEI）B3手环专用表带 智能手环b3替换腕带</p>
					<div class="bottom clear_fix">
						<span class="price left">¥88.00</span>
						<div class="goto_s right">
							<span>找相似</span>
						</div>
					</div>
				</div>
				<div class="p_box">
					<a href="#"><img src="images/rec_8.jpg"></a>
					<p>华为（HUAWEI）B3手环专用表带 智能手环b3替换腕带</p>
					<div class="bottom clear_fix">
						<span class="price left">¥88.00</span>
						<div class="goto_s right">
							<span>找相似</span>
						</div>
					</div>
				</div>
			</div>
			<div class="item">
				<div class="p_box">
					<a href="#"><img src="images/rec_9.jpg"></a>
					<p>华为（HUAWEI）B3手环专用表带 智能手环b3替换腕带</p>
					<div class="bottom clear_fix">
						<span class="price left">¥88.00</span>
						<div class="goto_s right">
							<span>找相似</span>
						</div>
					</div>
				</div>
				<div class="p_box">
					<a href="#"><img src="images/rec_10.jpg"></a>
					<p>华为（HUAWEI）B3手环专用表带 智能手环b3替换腕带</p>
					<div class="bottom clear_fix">
						<span class="price left">¥88.00</span>
						<div class="goto_s right">
							<span>找相似</span>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	
	<!-- 为您推荐结束 -->
</body>
</html>